
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>

<link rel="stylesheet" href="css/style.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,user-scalable=yes"/>
<style>
	#main{width: 100%;height: 500px;}
	#main>div{
	float: left;
	width: 33.33%;
	height: 400px;
	line-height: 500px;
	text-align: center;
	color: #121212;
	font-size: large;
}
	.left{background: #ffffff;}
	.center{background: #ffffff;}
	.right{background: #ffffff;}
	</style>

<style>
	/*解决浏览器默认的内外边距兼容问题*/
	*{margin:0; padding: 0;}
	body{overflow-x:hidden;}
	h1{position: fixed/*固定格式*/
	left:20px;/*相对于浏览器的左边位置*/
	top:20px;}
	#nav{width:430px;height: 40px;background-color:#A09F9F;/*背景颜色*/position:fixed;top: 40px; right:20px;
	border-radius:20px;/*css中圆角 兼容 低版本IE不兼容*/}
	
	#nav a {color:#FFF9F9;
		    text-decoration: none;/*去掉下划线*/
		    font-size:14px;
		     font-family: "楷体";
		    display:block;
		    width: 80px;
		    height: 40px;
		     float: left;
		    line-height: 40px;
	        text-align: center;}
	#nav .first{
		margin-left:20px;	
	}
	
	#nav a span{
		display: block;
		width:1px;
		height:12px;
		margin-top:12px;
		background:#ccc;
		float:right;	
	}
	
	#banner{
		width:100%;
		height:750px;
		position: relative;
	}
	#banner ul{
		width:500%;
		height:880px;
		position:absolute;
		left：0；top:0;
		z-index: -1;/*设置层级关系*/
		
		
	}
	#banner ul li{
		width:20%;
		height: 880px;	
		float:left;
	}

	#banner.btn{
		width: 76px;
		height: 112px;
		background: green;
		position: absolute;
		top:190px;
		cursor: pointer;/*鼠标的形状*/
	}
	#banner .btn-l{
		left:20px;
		background: url(imagins/buttonsright.png);
		/*opacity: 0.5;/*设置imagins/buttons.png成半透明*/
	}
	#banner.btn-r{
		right:20px;
		background: url(imagins/buttons副本.png);
		/*opacity: 0.5;/*设置成半透明*/*/
       rder-bottom: 1px solid #ddd;}
	
	#banner .BG{
	 height:118px;
	 width: 120px;
	}
	
}

	
	</style>
</head>
<body>

<div id="banner">
	<!--<a class="control prev"></a><a class="control next abs"></a>自定义按钮，移动端可不写-->
	<div class="slider"><!--主体结构，请用此类名调用插件，此类名可自定义-->
		<ul>
			<li><img src="images/65.jpg" style="width: 100%; height: 500px;no-repeat;" ></li>
			<li><img src="images/65.jpg" width="1250" style="width: 100%; height: 500px;"></li>
			<li><a href="buju/index.html"><img src="images/65.jpg"="1250" style="width: 100%; height: 500px;"/></a></li>	
		</ul>
		<div class="btn btn-l"></div>
        <div class="btn btn-r"></div>
      <div class="BG" style="background: url(imagins/QQ图片20171023233236_看图王.png)no-repeat"></div>
	</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/YuxiSlider.jQuery.min.js"></script>
<script>
$(".slider").YuxiSlider({
	width:1320, //容器宽度
	height:700, //容器高度
	control:$('.control'), //绑定控制按钮
	during:4000, //间隔4秒自动滑动
	speed:800, //移动速度0.8秒
	mousewheel:true, //是否开启鼠标滚轮控制
	direkey:true //是否开启左右箭头方向控制
});
	
</script>

<!--<h1><img src="imagins/QQ图片20171023233236_看图王.png"/</h1>-->
<div id="nav">
<a class="first" href="">关于我们<span></span></a> 
<a href="">联系我们<span></span></a>
 <a href="">健康咨询<span></span></a> 
   <a href="htm/html1.html" target="_blank"><span></span> 登录</a>
    <a href="htm/html2.html">注册</a> 
</div>
   <div class="btn btn-l"></div>
      <div class="btn btn-r"></div>
      <div class="BG" style="background:url(images/65.jpg)"></div>

<div style="text-align:center;clear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>


<!--<div style="width: auto;height: 50px;"></div>-->
<div id="main">
<div class="left">	
 <div style="position: relative; font-size: xx-large; color: #5A0EE4; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif;">
 	<strong><img src="images/QQ图片20171024005539.jpg" width="400" height="400"><span style="position: absolute; left: 30%; top: 40%; color: #E7A90E; font-size: 50px;">运动养生</span></strong>
  </div>
</div>
<div class="center">
	<div style="position: relative; font-size: xx-large; color: #E3780F; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif;">
 	<strong><img src="images/QQ图片20171024005544.jpg" width="400" height="400">
 	<span style="position: absolute; left: 30%; top: 40%; font-size: 50px;">饮食养生</span></strong>
 </div>
</div>
<div class="right">
	<div style="position: relative; font-size: xx-large; color: #5A0EE4; font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', 'Arial Black', sans-serif;">
 	<strong><img src="images/QQ图片20171024005556.jpg" width="400" height="400">
 	<span style="position: absolute; left: 30%; top: 40%; color: #E48C0E; font-size: 50px;">药物养生</span></strong>
 </div>
 </div> 

 
</body>
</html>

